console.log("vue.conofg.js 文件被加载")

const { defineConfig } = require('@vue/cli-service')
const path = require("path")

/*
  options api 配置规则 => 系统提供运行时的默认需求，开发者可以通过传入对象的方式覆盖默认需求，完成程序运行
*/
// src 以外文件采用 node 模块系统规则
// src 以内文件可以使用 node 模块系统规则，也可以使用ES6 模块系统规则
//     babel语法转换功能只是对 src 目录中代码生效

// defineConfig 方法为编辑工具提供 配置的识别提示操作，不定义该方法将丢失代码提示，但不影响程序运行
module.exports = defineConfig({
  // 描述node_modules 中加载模块是否也需要完成 babel 的语法转换
  //    => devDependencies 开发依赖  开发需要但生产不需要的模块
  //    => dependencies 生产依赖 开发和生产都需要的模块
  transpileDependencies: true,

  // transpileDependencies:["vue","core-js"],  // 所有的生产模块

  
  publicPath:"/wbs22042/",
  outputDir:"wbs22042",

  // 定义项目启动的加载引导文件
  pages:{
    // index 描述当前模块化项目(开发环境)的默认项目(浏览器装载的项目页面)
    index:{
      // 项目加载的功能文件（js）
      entry:"./src/main.js",
      // 项目加载的html页面
      template:"./public/index.html",
      title:"vue模块语法学习"
    }
  },

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.join(__dirname,"./src/assets/less/vars.less") 
      ]
    }
  }
})
